<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
    	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>结束活动</title>
		<script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
		<style type="text/css">
			html,
			body {
				padding: 0;
				margin: 0;
				background-color: #fff0db;
			}
			.header{
				width: 15rem;
			}
			.header-img img{
				width: 15rem;
			}
			.act-time {
				font-size: 0.48rem;
				line-height: 0.48rem;
				color: #af7f2f;
				text-align: center;
				margin-top: 0.2rem;
			}
			.finish{
				font-size:0.8rem;
				margin-top:3rem;
				text-align: center;
				color: #af7f2f;
			}
		</style>
	</head>
	<body>
		<div class="header">
			<div class="header-img"><img src="__CDN__/assets/img/active/title@2x.png" /></div>
			<div class="act-time">活动时间：2018-06-26 至 2018-06-30</div>
		</div>
		<div class="finish">很抱歉您来晚了，活动已结束！</div>
	</body>
</html>
<script type="text/javascript">
	//适配移动端
		function resize() {
			var deviceWidth = document.documentElement.clientWidth;
			if (deviceWidth < 240) deviceWidth = 240;
				document.documentElement.style.cssText = 'font-size:' + (deviceWidth / 15) + 'px!important';
		}
		window.addEventListener('resize',resize);
		resize();
</script>